<template>
	<view class="funs">
		<view
			class="funItem"
			v-for="(item,index) in funList"
			:key="index"
			:index="index"
		>
			<image
				:src="item.labelUrl"
				@click="linkTo(item.pathurl)"
			/>
			<view  @click="linkTo(item.pathurl,{id:userId})">{{item.label}}</view>
		</view>
	</view>
</template>

<script>
export default {
  props: {
    userId: { type: Object }
  },
  data() {
    return {
      // 功能列表
      funList: [
        { label: '我的发布', labelUrl: 'https://skillgo.cn/image/charge/myinfor/release.png', pathurl: '/packages/MyWorld/MyRelease/index' },
        { label: '我的收藏', labelUrl: 'https://skillgo.cn/image/charge/myinfor/colletion.png', pathurl: '/packages/MyWorld/Mycolletion/index' },
        { label: '我的买入', labelUrl: 'https://skillgo.cn/image/charge/myinfor/BuyList.png', pathurl: '/packages/MyWorld/MyBuy/index' },
        { label: '我的卖出', labelUrl: 'https://skillgo.cn/image/charge/myinfor/sell.png', pathurl: '/packages/MyWorld/MySell/index' }
      ]
    }
  },
  methods: {
    // 获取用户信息
    getUserInfor() {

    },
    /**
		 *
		 */
  }
}
</script>

<style lang="scss">
	.funs{
		height: 200rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		text-align: center;
		margin-left: 50rpx;
		margin-right: 50rpx;
		image{
			height: 64rpx;
			width: 64rpx;
		}
	}
</style>
